<!DOCTYPE html>
<html>
    <head>
        <title>我的AGM销售</title>
        <link rel="stylesheet" href="/static/weui.min.css">
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            .page, body{background-color: #fbf9fe}
            .page_title{color:#225fba}
            .hd{text-align:center}
            .weui_label{width:4em;}
            .bd{padding-bottom:30px;}
            .weui_cells_title button, .floatright{
                float: right;
            }
            /* 
            Generic Styling, for Desktops/Laptops 
            */
            table { 
              width: 100%; 
              border-collapse: collapse; 
            }
            /* Zebra striping */
            tr:nth-of-type(odd) { 
              background: #eee; 
            }
            th { 
              background: #333; 
              color: white; 
              font-weight: bold; 
            }
            td, th { 
              padding: 6px; 
              border: 1px solid #ccc; 
              text-align: left; 
            }
            .weui_icon_toast_info:before{
                content: '\EA0B';
                color: #fff;
                font-size: 55px;
            }
            .weui_icon_toast_info{
                margin: 22px 0 0;
                display: block;
            }
            a:visited{
                color:inherit
            }
            .btns{
                text-align: center;
                padding: 5px 5px;
            }
        </style>      
    </head>
    <body>
        
        <div class="hd">
            <h1 class="page_title">AGM活动支付记录</h1> 
        </div>
        <div class="bd"> 
            <div class="weui_search_bar" id="search_bar">
                <form class="weui_search_outer">
                    <div class="weui_search_inner">
                        <i class="weui_icon_search"></i>
                        <input type="search" class="weui_search_input" id="search_input" placeholder="请输入交易单号或商号单号过滤" required="">
                        <a href="javascript:" class="weui_icon_clear" id="search_clear"></a>
                    </div>
                    <label for="search_input" class="weui_search_text" id="search_text">
                        <i class="weui_icon_search"></i>
                        <span>过滤订单</span>
                    </label>
                </form>
                <a href="javascript:" class="weui_search_cancel" id="search_cancel">取消</a>
            </div> 
            <div class="btns">
                <button id="refresh" class="weui_btn weui_btn_mini weui_btn_primary" style="font-size: 20px;margin-right:15px;">刷新本页</button>
                <button id="search_other" class="weui_btn weui_btn_mini weui_btn_warn" style="font-size: 15px">后台查询</button>
            </div>
            <div class="weui_cells_title">活动支付的清单</div>
            <div class="mylist">
                <table>
                    <thead>
                    <tr>
                        <th>时间</th>
                        <th>单号</th>
                        <th>金额</th>
                        <th>详情</th>
                    </tr>
                    </thead>
                    <tbody>
                        {% for r in records %}
                        <tr>
                            <td>{{ r.get('time_end').strftime('%H:%M %y%m%d')}}</td>
                            <td>**{{ r.get('tid')[-7:] }}</td>
                            <td>{{ r.get('total_fee') }}</td>
                            <td dcost="{{ r.get('total_fee') }}" dtime="{{ r.get('time_end').strftime('%Y-%m-%d %H:%M') }}" dtid="{{ r.get('tid') }}" doid="{{ r.get('oid') }}"><i class="weui_icon_search"></i></td>
                        </tr>{% endfor %}                     
                    </tbody>
                </table>
            </div>
            {#
            <div class="weui_cells weui_cells_form">
                <div class="weui_cell weui_cell_switch">
                    <div class="weui_cell_hd weui_cell_primary">扫仿伪码直接跳转开关</div>
                    <div class="weui_cell_ft">
                        <input id="showfwchoie" class="weui_switch" type="checkbox">
                    </div>
                </div>
            </div> #}           
        </div>
        <div class="weui_dialog_confirm" id="dialog1" style="display:none">
            <div class="weui_mask" style="z-index:3"></div>
            <div class="weui_dialog">
                <div class="weui_dialog_hd"><strong class="weui_dialog_title">弹窗标题</strong></div>
                <div class="weui_dialog_bd">自定义弹窗内容，居左对齐显示，告知需要确认的信息等</div>
                <div class="weui_dialog_ft">
                    <a class="weui_btn_dialog default">取消</a>
                    <a class="weui_btn_dialog primary">确定</a>
                </div>
            </div>
        </div>        
        <div class="weui_dialog_alert" id="dialog2" style="display:none">
            <div class="weui_mask" style="z-index:3"></div>
            <div class="weui_dialog">
                <div class="weui_dialog_hd"><strong class="weui_dialog_title">弹窗标题</strong></div>
                <div class="weui_dialog_bd">弹窗内容，告知当前页面信息等</div>
                <div class="weui_dialog_ft">
                    <a class="weui_btn_dialog primary">确定</a>
                </div>
            </div>
        </div>
        <div id="loadingToast" class="weui_loading_toast" style="display:none;">
            <div class="weui_mask_transparent"></div>
            <div class="weui_toast">
                <div class="weui_loading">
                    <!-- :) -->
                    <div class="weui_loading_leaf weui_loading_leaf_0"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_1"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_2"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_3"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_4"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_5"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_6"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_7"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_8"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_9"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_10"></div>
                    <div class="weui_loading_leaf weui_loading_leaf_11"></div>
                </div>
                <p class="weui_toast_content">数据加载中</p>
            </div>
        </div>
        <div class="weui_msg" style="display:none;">
            <div class="weui_icon_area"><i class="weui_icon_success weui_icon_msg"></i></div>
            <div class="weui_text_area">
                <h2 class="weui_msg_title">操作成功</h2>
                <p class="weui_msg_desc">内容详情，可根据实际需要安排</p>
            </div>
            <div class="weui_opr_area">
                <p class="weui_btn_area">
                    <a href="javascript:;" class="weui_btn weui_btn_primary">确定</a>
                    <a href="javascript:;" class="weui_btn weui_btn_default">取消</a>
                </p>
            </div>
            <div class="weui_extra_area">
                <a href="">查看详情</a>
            </div>
        </div>
        <div id="toast" style="display: none;">
            <div class="weui_mask_transparent"></div>
            <div class="weui_toast">
                <i class="weui_icon_toast"></i>
                <p class="weui_toast_content">已完成</p>
            </div>
        </div>        
    </body>    
    {#<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>#}
    {% assets filters="jsmin", output="js/agm_sell_home_packed.js", 
            "jquery.maskedinput.min.js", "js/agm_sell_home.js" %}<script src="{{ASSET_URL}}"></script>{% endassets %} 
<html>